<docs>
---
order: 9
title: 缎带
---

## zh-CN
使用缎带型的徽标。

</docs>

<template>
  <j-badge-ribbon text="Hippies">
    <j-card title="Pushes open the window" size="small">and raises the spyglass.</j-card>
  </j-badge-ribbon>
  <j-badge-ribbon text="Hippies" color="pink">
    <j-card title="Pushes open the window" size="small">and raises the spyglass.</j-card>
  </j-badge-ribbon>
  <j-badge-ribbon text="Hippies" color="red">
    <j-card title="Pushes open the window" size="small">and raises the spyglass.</j-card>
  </j-badge-ribbon>
  <j-badge-ribbon text="Hippies" color="cyan">
    <j-card title="Pushes open the window" size="small">and raises the spyglass.</j-card>
  </j-badge-ribbon>
  <j-badge-ribbon text="Hippies" color="green">
    <j-card title="Pushes open the window" size="small">and raises the spyglass.</j-card>
  </j-badge-ribbon>
  <j-badge-ribbon text="Hippies" color="purple">
    <j-card title="Pushes open the window" size="small">and raises the spyglass.</j-card>
  </j-badge-ribbon>
  <j-badge-ribbon text="Hippies" color="volcano">
    <j-card title="Pushes open the window" size="small">and raises the spyglass.</j-card>
  </j-badge-ribbon>
  <j-badge-ribbon text="Hippies" color="magenta">
    <j-card title="Pushes open the window" size="small">and raises the spyglass.</j-card>
  </j-badge-ribbon>
</template>
